<!DOCTYPE HTML>
<html>

<head>
        <title></title>

        <!--[if IE]>
<script type="text/javascript" src="./js/excanvas.js"></script>
        <![endif]-->


        <script type="text/javascript">
    		window.onload = 
        function doit () {
        var canvas, context;
        canvas = document.getElementById("mycanvas");

        if (!canvas) {
            alert("Error: I cannot find the canvas element!");
            return;
        }
        if (!canvas.getContext) {
            alert("Error: no canvas.getContext!");
            return;
        }

        context = canvas.getContext("2d");
        if (!context) {
            alert("Error: failed to getContext!");
            return;
        }        

                context.fillStyle = "rgba(0, 0, 255, 0.1)";
                context.beginPath();
                context.arc(175,175,40,0,Math.PI*2,true);
                context.stroke();
                context.fill();
                context.closePath();
                setTimeout(doit, 5000);
        }
        
        </script>


        <style type="text/css">
        canvas
        {
            border-top: solid red;
            border-right: solid red;
            border-bottom: solid red;
            border-left: solid red;
        }
        </style>
</head>



<body>
        <canvas id="mycanvas" width="800" height="500"></canvas>
        <script type="text/javascript">
        //doit();
        </script>
</body>


